<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>	
<%@page import="com.yaodian100.mall.member.util.UserData"%>
<%@page import="com.yaodian100.core.common.utils.ServerValue"%>
<%@page import="org.apache.commons.lang.StringUtils"%>
<%@taglib uri="http://java.sun.com/jstl/core_rt" prefix="c-rt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> 	
<link rel="stylesheet" href="/css/yaodian100_ordercar_v2.css" type="text/css" media="screen" />
<script type="text/javascript" charset="UTF-8" src="/js/jquery-1.3.2.min.js"></script>

<script type="text/javascript">
$().ready(function() {	
	$("#province").change(function() {
		var province = $("option:selected", this).val();
		$.post("<%=ServerValue.getFrontContextPath()%>/shopping/addressdata/findCitys.do",{province:province},callback,"json");
		function callback(actionResult){
			if(actionResult!=null){
				var arr_text = actionResult.split("$");										
				var options = '<option value="">== 选择城市 ==</option>';
				 for(i=0;i<arr_text.length;i++)
				 {
					 v=arr_text[i].split(",");
					options += '<option value="' + v[1] + '">' + v[1] + '</option>';
				}
				$("#city").html(options);
				$('#city option:first').attr('selected', 'selected');
			}	
		}
   });	

	$("#city").change(function() {
		var city = $("option:selected", this).val();
		$.post("<%=ServerValue.getFrontContextPath()%>/shopping/addressdata/findDistrictsCod.do",{city:city},callback,"json");
		function callback(actionResult){
			if(actionResult!=null){
				var arr_text = actionResult.split("$");										
				var options = '<option value="">== 选择地区 ==</option>';
				 for(i=0;i<arr_text.length;i++)
				 {
					 v=arr_text[i].split(",");
					options += '<option value="' + v[1]+','+v[3]+','+v[4] + '">' + v[1] + '</option>';
					
				}
				$("#district").html(options);
				$('#district option:first').attr('selected', 'selected');
			}	
		}
   });	

	$("#district").change(function() {
		var districtVal = $("option:selected", this).val();
		var districtTxt = $("option:selected", this).text();
		var dtVal=districtVal.split(",");
		if(districtTxt.substring(0,1)=='※' && dtVal[3]!='' && dtVal[4]!=''){
				alert('可服務區域：'+dtVal[3]+',不可服務區域：'+dtVal[4]);
		}
	 });   
});
</script>
<BR/><BR/>
FOR COD區域
<BR/><BR/>
  <div>省份：  
						<select class="c-prov" name="province" id="province">
							<option value="">== 选择省 ==</option>
							<option value="上海">上海</option><option value="四川">四川</option><option value="江苏">江苏</option><option value="北京">北京</option><option value="安徽">安徽</option><option value="天津">天津</option><option value="浙江">浙江</option><option value="山东">山东</option><option value="福建">福建</option><option value="广东">广东</option><option value="云南">云南</option><option value="江西">江西</option><option value="河北">河北</option><option value="重庆">重庆</option><option value="湖北">湖北</option><option value="湖南">湖南</option><option value="内蒙古">内蒙古</option><option value="贵州">贵州</option><option value="青海">青海</option><option value="吉林">吉林</option><option value="甘肃">甘肃</option><option value="辽宁">辽宁</option><option value="广西">广西</option><option value="宁夏">宁夏</option><option value="陕西">陕西</option><option value="黑龙江">黑龙江</option><option value="海南">海南</option><option value="新疆">新疆</option><option value="山西">山西</option><option value="河南">河南</option><option value="西藏">西藏</option>
						</select>
			
			市：
			<select id="city" name="city">
				<option value="">== 选择城市 ==</option>
			</select> 区：
			<select id="district" name="district">
				<option value="">== 选择地区 ==</option>
			</select><br/>
